/*公共css*/
.wapper{
	width:100%;
	background:url('../images/body_bg.png') repeat-y;
	background-size:100% 1px;
}
@font-face{
	font-family:heiti;
	src:url('../fonts/AdobeHeitiStd-Regular.otf');
}
header img{
	display:block;
	margin:0 auto;
}
nav{
	width:100%;
	height:2.2rem;
	background-color:#363636;
}
nav ul{
	width:61%;
	margin:0 auto;
}
nav ul li{
	float:left;
	padding:0 1.3rem;
}
nav ul li a{
	color:#fff;
	display:block;
	font-size:0.7rem;
	line-height:1em;
	padding:0.75rem 1.1rem 0.65rem;
}
nav ul li a:hover{
	color:#c5842d;
	border-bottom:2px solid #fff;
}

footer{
	width:100%;
}
footer .footer-top{
	width:100%;
	background-color:#000;
	padding-top:3.1rem;
	height:10.6rem;
}
footer .footer-top .ft-ul{
	width:77.6%;
	margin:0 auto;
}
footer .footer-top .ft-ul>li{
	width:16.6%;
	float:left;
	text-align:center;
}
footer .footer-top .ft-ul>li p{
	font-size:0.9rem;
	color:#cdcccc;
	line-height:2.55em;
}
footer .footer-top .ft-ul>li ul>li{
	font-size:0.6rem;
	line-height:1.83em;
}
footer .footer-top .ft-ul>li ul>li a{
	color:#858585;
}
footer .footer-bottom{
	width:100%;
	text-align:center;
	height:2.3rem;
	line-height:2.3rem;
	background-color:#1e1e1e;
	font-size:0.6rem
}
footer .footer-bottom span,
footer .footer-bottom a{
	font-size:0.6rem;
	font-family:'宋体';
	color:#b1b1ae;
	padding:0 1.65rem;
}











@keyframes toBottom{
	0%{
		transform:translateY(-10rem);
	}
	100%{
		transform:translateY(0);
	}
}
@keyframes toLeft{
	0%{
		transform:translateX(50rem);
	}
	100%{
		transform:translateX(0);
	}
}
@keyframes toRight{
	0%{
		transform:translateX(-50rem);
	}
	100%{
		transform:translateX(0);
	}
}
@keyframes toTop{
	0%{
		transform:translateY(5rem);
	}
	100%{
		transform:translateY(0);
	}
}
@keyframes wid{
	0%{
		margin-left:0.85rem;
	}
	25%{
		margin-left:1.7rem;
	}
	50%{
		margin-left:0.85rem;
	}
	75%{
		margin-left:1.7rem;
	}
	100%{
		margin-left:0.85rem;
	}
}


@media screen and (max-width:1920px){
	html{
		font-size:24px;
	}
	nav ul{
		width:55%;
	}
}
@media screen and (max-width:1600px){
	html{
		font-size:22px;
	}
	nav ul{
		width:60%;
	}
}
@media screen and (max-width:1440px){
	html{
		font-size:20px;
	}
	nav ul{
		width:65%;
	}
}
@media screen and (max-width:1200px){
	html{
		font-size:18px;
	}
	nav ul{
		width:66%;
	}
}
@media screen and (max-width:992px){
	html{
		font-size:16px;
	}
	nav ul{
		width:72%;
	}
	.wapper .content-watch .two{
		line-height:2em;
	}
}